• Home
  • Articles
  • Projects
  • Pages
    • SocketChat

Sunny Articles

Home / Articles / Web Development
Order By:
recent
  • Recent
  • Older
  • Views
Category
site_brand_image

เว็บไซต์ Sunny420x.com เป็นเว็บไซต์บทความเกี่ยวกับ คอมพิวเตอร์ การสำรวจ และการทดลอง ทุกบทความมีจุดประสงค์เพื่อการศึกษาเพื่อเป็นสื่อประกอบแก่ผู้อ่านที่สนใจเท่านั้นเท่านั้น

เนื้อหาที่นำเสนอตั้งอยู่บนหลักของ เสรีภาพทางวิชาการที่ไม่ผิดต่อศีลธรรมอันดีของประชาชน

  • Github: github.com/sunny420x
  • Facebook: Sunny420x
  • Youtube: Sunny420x
Copyright © sunny420x.com
Next.js (2) การใช้งาน useState ร่วมกับ fetch

ในบทความนี้ผมจะมาแนะนำ การดึงข้อมูลจาก Backend โดยใช้ Fetch ซึ่งจะมีการใช้ useState ในการติดตามสถานะ ว่าดึงข้อมูลออกมาแล้วหรือยัง เหตุผลที่ต้องใช้

Next.js (1) สร้าง Project และจัดการ App Router

Next.js เป็นผลงาน Fullstack React Framework จากบริษัท Vercel ที่หลายๆ คนมองว่า นี่เป็นสิ่งที่ React.js ควรจะเป็นตั้งแต่แรก เหตุที่

Angular (3) สร้างและจัดการ Router

Routing คือการกำหนดการทำงานตามที่อยู่ใน URL เช่น /Person, /editPersons ให้แสดงหน้าและ Component ที่แตกต่างกัน ซึ่งในบทความนี้ผมจะมาแนะนำวิธีการสร้า

Angular (2) สร้าง Service, ดึงข้อมูลจาก Backend

ในบทความก่อนหน้า เราได้ทำการ สร้าง Component รวมถึง Interface แล้ว ในบทความนี้ผมจะพามาสร้าง Service สำหรับการทำงานต่าง ๆ ในกรณีนี้จะเป็นการดึงข้อมู

Express.js สำหรับทำ JSON API Backend

สวัสดีครับ ในวันนี้ผมจะมาแนะนำการใช้ Express.js Framework ในการทำ JSON API Backend Server เพื่อ Serve ข้อมูลจาก MySQL กัน เรียกได้

Angular (1) สร้างและจัดการ Component

Angular คืออะไร? Angular เป็น Frontend Framework พัฒนาโดย Angular Team จากบริษัท Google ที่ใช้ TypeScript เป

พัฒนาเว็บแชทด้วย Socket.io + Node.js

สวัสดีครับ ในบทความนี้ผมจะมาแนะนำการสร้าง Web Chat Application อาศัยเครื่องมือ ได้แก่ Node.js, Express.js, Socket.io  โดย Node.js จะเป็น Serve

ปัญหา Connection Timeout และการ Optimization Nginx

ในบทความนี้ผมจะมาแนะนำการ Optimization Website ที่ทำงานบน Node.js และใช้ Nginx เป็น Reverse Proxy สำหรับนักพัฒนาเว็บไซต์ที่เจอ Connection Timeout บ

ภาษา PHP เบื้องต้น (6) Cookies และ Session

สวัสดีครับในบทความนี้ผมจะพามารู้จักกับ Cookie และ Session บนภาษา PHP ซึ่งก่อนแรกเราจะมาพูดถึงข้อแตกต่างระหว่าง Cookie กับ Session กันก่อน จากนั้นจะ

ภาษา PHP เบื้องต้น (5) การป้องกัน XSS

สวัสดีครับในบทความนี้ผมจะพามารู้จักกับช่องโหว่ Cross-Site Scripting (XSS) โดยหลักๆ คือการ ที่ผู้ไม่ประสงค์ดีแทรกโค้ด Javascript เข้าไปทำงาน ใน

ภาษา PHP เบื้องต้น (4) การป้องกัน SQL Injection

สวัสดีครับในบทความนี้จะเป็นการแนะนำการป้องกันเว็บไซต์ของเราจากการถูกโจมตีด้วย MySQL Injection ซึ่ง MySQL Injection คือการที่ผู้ไม่ประสงค์ดีสามารถแท

จัดการ Node.js Projects ด้วย pm2

สวัสดีครับ ในบทความนี้ผมจะมาแนะนำเครื่องมือตัวหนึ่งที่ชื่อ PM2 ใช้สำหรับจัดการ Node.js Projects หลายๆอันของเรา ได้ง่ายๆ และสามารถเก็บ log ไปยัง fil

ภาษา PHP เบื้องต้น (3) เชื่อมต่อ MySQL

สวัสดีครับในบทความนี้ผมจะมาแนะนำเรื่องการใช้  PHP ร่วมกับ ฐานข้อมูล MySQL เช่นการ query ข้อมูลออกมาแสดง เป็นต้น ตัวอย่างในบทความนี้จะเป็นการยก

ภาษา PHP เบื้องต้น (2) Form

ในบทความนี้ ผมจะเริ่มจากการรับค่า form ของ HTML ที่เราสามารถสร้างให้รับ input จากผู้ใช้มาดำเนินการบน PHP ได้ เช่น นำไปคำนวน, สร้างระบบจัดการข้อมูล

ภาษา PHP เบื้องต้น (1) คำสั่งพื้นฐาน

ในบทความนี้ผมจะมาแนะนำการเขียนโปรแกรมเว็บด้วยภาษา PHP หากเพื่อนๆ ที่ได้ศึกษา HTML, CSS มาบ้างแล้ว จะพบว่า HTML และ CSS เป็นเพียงแค่การจัดโครงสร้างข

Node.js + Express + MySQL สร้างระบบเพิ่มลบแก้ไข

สวัสดีครับในบทความนี้จะเป็นการแนะนำการสร้าง เว็บไซต์ที่มีระบบเพิ่ม ลบ แก้ไข ข้อมูลในฐานข้อมูล MySQL บน Node.js เป็น Project ที่ง่ายและเป็นพื้นฐานขอ

JavaScript เบื้องต้น, เขียน Logic ให้กับเว็บไซต์

บทความนี้จะเป็นการแนะนำวิธีการเขียน JavaScript สำหรับสร้างกลไกต่างๆ ภายในเว็บไซต์ ข้อแตกต่างระหว่าง Client-Side และ Server-Side

สร้าง Web page ด้วยภาษา HTML และ CSS

HTML (Hypertext Markup Language) เป็นภาษาที่ใช้เขียน Hypertext Markup คือ การสร้างโครงสร้างของข้อความ และ hypertext ซึ่งจะไม่

การใช้งาน Nginx สำหรับ Reverse Proxy

Nginx เป็นโปรแกรมที่ออกแบบมาเพื่อสำหรับใช้เป็นเว็บเซิร์ฟเวอร์ เพื่อแสดงหน้าเว็บแบบคงที่ (serve static web content) คล้ายกับ A

  • Computer Security
  • Computer Network
  • Web Development
  • Programming
  • Drugs
  • Mathematic
  • Computer Database
  • Microbiology
  • Computer Science
  • macOS
  • Operating System
  • Game Development
  • Windows
  • Linux
  • Data Science